<template>
    <div class="lunbo">
 <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item v-for="(item,i) in pro" :key="i" > <img :src="item.banner_img" alt=""></van-swipe-item>
     </van-swipe>
   </div>
</template>
<script>
import {fapi}from'../assets/js/farmapi.js'
export default {
     data(){
         return{
             pro:[],
              
         }
     },mounted(){
         fapi("api/banner").then(res=>{
        //   console.log(res);
             this.pro=res.data.data
         })
        
     }
}
</script>

<style lang="less" scoped>
@import url(@/assets/css/coom.css);
  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
  
    /* line-height: 150px; */
    text-align: center;
    /* background-color: #39a9ed; */
   
  }
  img{
      width: 100%;
      height: 100%;
     border-radius: 20px;
  }
  .lunbo{
      padding: 30px 20px;
     
  }
</style>